import React from "react";
import { Collapse } from "antd";
import "./index.less";
const { Panel } = Collapse;

interface IGroupProps {
  name: string;
  path: Array<string>;
  [key: string]: any;
}
const Group: React.FC<IGroupProps> = (props) => {
  return <Collapse className={`visbar-gui-group ${props.className}`}>
    <Panel header={props.name} key={props.path.join(".")}>
      {props.children}
    </Panel>
  </Collapse>
}

export default Group;